<template>
	<div class="wrapper">

		<i class="icon i-403"></i>
		<div class="tip">权限不足，请联系管理员~</div>
		<div class="btn-wrap">
			<a href="/" @click="clearStorage">
				<el-button type="primary" icon="el-icon-refresh">刷新页面</el-button>
			</a>
			<span @click="logout">
				<el-button type="infor" icon="el-icon-refresh-right">重新登录</el-button>
			</span>
		</div>

	</div>
</template>

<script>
	export default {
		inject: ['logout'],
		methods: {
			clearStorage() {
				sessionStorage.removeItem('navIndex');
				sessionStorage.removeItem('menuIndex');
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wrapper {
		width: 100%;
		height: 100%;
		@extend %flex-align-center;
		justify-content: center;
		flex-direction: column;

		.icon {
			color: #c0c0c0;
			font-size: 200px;
		}

		.tip {
			color: #c0c0c0;
			font-size: 20px;
		}

		.btn-wrap {
			margin-top: 50px;

			button {
				border-radius: 0 !important;
				width: 150px;
				margin: 0 5px;
			}
		}
	}
</style>
